var i = 0;
var display = false;

$(document).ready(function(){
	$("div.out").mouseover(function(){
	$("div.out p:first").text("mouse over");
	$("div.out p:last").text(++i);
	})
	$("div.out").mouseout(function(){
		$("div.out p:first").text("mouse out");
	})

	$("#max_screen").on("click",{url:"http://www.google.com",winattributes:"resize=1, scrollbars=1, status=1"}, max_open);

	$( "#bind" ).click(function() {
	$( "body" )
	.on( "click", "#theone", flash )
	.find( "#theone" )
	.text( "Can Click!" );
	});

	$( "#unbind" ).click(function() {
	$( "body" )
	.off( "click", "#theone", flash )
	.find( "#theone" )
	.text( "Does nothing..." );
	});

	function flash()
	{
		$("#off_test").show().fadeOut("slow");
	}

	//trigger()
	$("#trigger_test button:first").click(function(){
		update($("#trigger_test span:first"));
	})

	$("#trigger_test button:last").click(function(){
		$("#trigger_test button:first" ).trigger("click");
		update($("#trigger_test span:last"));
	});

	function update(j){
		var n = parseInt(j.text(), 10);
		j.text(n + 1);
	}


	//photo change
	$("#imageArea").click(function(){
		var recorder = $("#image").attr("src");
		if(recorder == "img1.jpg")
		{
			$("#image").attr("src", "img2.jpg");
		} else {
			$("#image").attr("src", "img1.jpg");
		}
	});

	//5 photos change
	var imgArray = ["image1.jpg", "image2.jpg","image3.jpg","image4.jpg","image5.jpg"];

	var albumIndex = 0;
	$("#imgAlbum").attr("src", imgArray[albumIndex]);
	$("#imgAlbum").click(function(){
		albumIndex = (albumIndex + 1) % imgArray.length;
		$("#imgAlbum").attr("src", imgArray[albumIndex]);
	});

	//change color
	$(".main-menu").on("mouseover", function(){
		var menu = $(this);
		menu.css({"font-size":"20px", "background-color":"green"});
	});
	$(".main-menu").on("mouseout", function(){
		var menu = $(this);
		menu.css({"font-size":"1em", "background":"none"});
	});

	// $("#add_img").click(function(){
	// 	$("add_img").show();

	// })

	$("#add_img img").on("click", show_note_form);
	$("#add_node").on("click", push_node);
	$(window).resize(function(){   //当窗口大小改变时（例如用户调整浏览器窗口的大小），将会触发括号内的匿名函数。
		change_position($(".popup"));
	});

    //box change
	$("#moving_button").click(function(){
		$("#moving_box").animate({
			right: '0px',
			height: '+=50px',	
			width: '+=50px'
		});
		$("#animation_test").animate({
			height: '+=50px'
		});	
	});

	// $(".accordion").each(function(){
	// 	var dl = $(this); 
	// 	var alldd = dl.find("dd");
	// 	var alldt = dl.find("dt");
	// 	alldd.hide();
	// 	alldt.css("cursor", "pointer");
	// 	alldt.click(function(){
	// 		alldd.hide();
	// 		var dt = $(this);
	// 		var dd = dt.next();
	// 		dd.show();
	// 		alldt.css("cursor", "pointer");
	// 		dt.css("cursor", "default");
	// 	})
	// });

	//item
	$(".accordion").each(function(){
		var dl = $(this); 
		var allDd = dl.find("dd");
		var allDt = dl.find("dt");
		function closeAll(){
			allDd.addClass("closed");
			allDt.addClass("closed");
		}
		function open(dt,dd){
			dt.removeClass("closed");
			dd.removeClass("closed");
		}
		closeAll();
		allDt.click(function(){
			var dt = $(this);
			var dd = dt.next();	//dt 是点击的 <dt> 元素。dt.next() 找到紧接着这个 <dt> 元素的兄弟 <dd> 元素。
			closeAll();
			open(dt,dd);
		})
	});

	// var interval = 3000;
	// $(".slideshow").each(function(){
	// 	var timer;
	// 	var container = $(this);
	// 	function switchImg()
	// 	{
	// 		var imgs = container.find("img");
	// 		var first = imgs.eq(0);
	// 		var second = imgs.eq(1);
	// 		//container.append(first);
	// 		first.appendTo(container).fadeOut(2000);
	// 		second.fadeIn();

	// 	}
	// 	setInterval(switchImg, interval);
	// 	// function startTimer()
	// 	// {
	// 	// 	timer = setInterval(switchImg, interval);
	// 	// }
	// 	// function stopTimer()
	// 	// {
	// 	// 	clearInverval(timer);
	// 	// }	
	// 	// container.hover(stopTimer, startTimer);
	// 	// startTimer();
	// }

	var interval = 3000;
	$(".slideshow").each(function(){
		var timer;
		var container = $(this);
		function switchImg()
		{
			var imgs = container.find("img");
			var first = imgs.eq(0);
			var second = imgs.eq(1);
			first.appendTo(container).fadeOut(2000);
			second.fadeIn();
		}
		function startTimer(){
			timer = setInterval(switchImg, interval)
		}
		function stopTimer(){
			clearInterval(timer);
		}
		container.hover(stopTimer, startTimer);
		startTimer();
	})

	$("#getTest").click(function(){
		$("#textbox").text("글짜 입력 테스트");
		var req = $.ajax("data.txt");
		req.done(function(data, status){
			var students = JSON.parse(data);
			for(var i = 0; i < students.length; i++)
			{
				var str = "<br>"+ students[i].name;
				$("#textbox").append(str);
			}
		});
	});

	var req = $.ajax({
		url: "/rss",
		dataType: "xml"
		});
		req.done(function(data) {
			console.log(data);
			var items = $(data).find("item");
			if(items.length > 0){
				items = items.slice(0,5);
				var uTag = $("<ul/>");
				items.each(function() {
					var item = $(this);
					var lk = item.find("link").text();
					var title = item.find("title").text();
					var aTag = $("<a/>")
					.attr({
						"href":lk,
						"target":"_blank"
					})
					.text(title);
					var liTag = $("<li/>")
					.append(aTag);
					uTag.append(liTag);
				});
				$("#news").html(uTag);
			}

		});

		req.fail(function (jqXHR, textStatus){
			alert("failed: " + textStatus);
	});

});

function max_open(event)
{
	var maxwindow = window.open(event.data.url, "", event.data.winattributes);
	maxwindow.moveTo(0, 0);
	maxwindow.resizeTo(screen.availWidth, screen.availHeight);
}

function show_note_form()
{
	$("#note_form").addClass("popup");
	change_position($(".popup"));
	$("#note_form").show();
}

function change_position(obj)
{
	var i = ($(window).width() - obj.width()) / 2;
	var t = ($(window).height() - obj.height()) / 2;
	obj.css({left: i, top: t});
}

function push_node()
{
	var title = $("#note_title").val();
	var date = $("#note_date").val();
	var content = $("#note_content").val();
	var str = "<p>" + title + "<br>" + date + "<br>" + content + "</p><br>"
	$("#note_form").hide();
	$("#note").append(str);
}

